<div class="bg-light lter b-b wrapper-md">
  <h1 class="m-n font-thin h3">同步列表</h1>
</div>
<div class="panel panel-default">

  <!--  按钮  -->
  <div class="panel-heading">
    <div class="row">
      <div class="col-sm-6  ">
        <button class="btn m-b-xs w-xs btn-success" ng-click="search()">搜索</button>
        <button class="btn m-b-xs w-xs btn-primary" ng-click="sync()">同步</button>
      </div>
    </div>
  </div>

  <div class="panel-body">
    <!--  搜索框  -->
    <div class="row wrapper" >
      <div class="col-sm-6 m-b-xs">
        <div class="input-group" >
          <div class="input-group-btn" >
            <span class="btn btn-default">模块编码</span>
          </div>
          <ui-select ng-model="searchfrom.item" theme="bootstrap">
            <ui-select-match placeholder="选择">{{$select.selected.label}}</ui-select-match>
            <ui-select-choices repeat="item in search_box | filter: $select.search">
              <span ng-bind-html="item.label"></span>
            </ui-select-choices>
          </ui-select>
        </div>
      </div>
    </div>

    <h4 class="text-center" ng-if="apiList.length == 0">无接口同步信息</h4>
    <!--  数据表格  -->
    <table class="table table-striped table-bordered ng-isolate-scope dataTable no-footer" ng-if="apiList.length > 0" 
      style="display: table; width: 100%;table-layout:fixed;">
      <thead>
        <tr>
          <th style="width: 2%;text-align:center;">
            <label class="i-checks m-b-none">
              <input type="checkbox" ng-model="all" ng-click="setSelect(all)"><i></i>
            </label>
          </th>
          <th style="width: 12%;text-align:center;">接口标识</th>
          <th style="width: 5%;text-align:center;">接口名称</th>
          <th style="width: 3%;text-align:center;">状态</th>
          <th style="width: 7%;text-align:center;">描述</th>
          <th style="width: 3%;text-align:center;">操作</th>
        </tr>
      </thead>
      <tbody>
        <tr ng-repeat="info in apiList">
          <td style="text-align:center;">
            <label class="i-checks m-b-none">
              <input type="checkbox" ng-model="info.check"><i></i>
            </label>
          </td>
          <td>{{info.id}}</td>
          <td style="text-align:center;">{{info.funName}}</td>
          <td style="text-align:center;">{{info.statusCodeCN}}</td>
          <td>
            <div style="overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;">
              {{info.desc}}
            </div>
          </td>
          <td style="text-align:center;">
            <button class="btn btn-sm btn-success btn-rounded" ng-click="sync(info)">同步</button>
          </td>
        </tr>
      </tbody>
    </table>
  </div>
</div>
